<div id="gitalk" class="comment"></div>
<script src="https://cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.min.js"></script>
<script src="{{"plugins/md5.js" | relURL}}"></script>
<script >
    let gitalk = new Gitalk({
        clientID: '{{ .Site.Params.comments.gitalk.clientId }}',
        clientSecret: '{{ .Site.Params.comments.gitalk.clientSecret }}',
        repo: '{{ .Site.Params.comments.gitalk.repo }}',
        owner: '{{ .Site.Params.comments.gitalk.owner }}',
        admin: ['{{ .Site.Params.comments.gitalk.admin }}'],
        id: MD5(location.pathname),      // Ensure uniqueness and length less than 50
        distractionFreeMode: false  // Facebook-like distraction free mode
      })
      
      gitalk.render('gitalk')
</script>